<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>我的关注</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui-win.css"/>
		<style>
            body{
                background:#E0E0E0;
            }
            div{
                width:100%;
                /*background:#E0E0E0;*/
                text-align:center;
            }
            span{
                margin-top:200px;
                font-size: 20px;
            }
            #back{
                background: transparent;
            }
            /*显示隐藏的CSS*/
            .noMsg{ display: none; }
            .hasMsg{ display:block;}
            /*中间样式开始*/
           #concernListDiv{
               height: 100px;
               width: 100%;

           }
            #concernListDiv .row{
                background: #fff;
            }
            .person-logo{
                width: 90px;
                height: 90px;
                margin: 10px;
                float: left;
            }
            .person-info{
                padding:15px 0;
                height: 70px;
                text-align: left;
            }
            .person-info .title{
                font-size: 1.2em;
            }
            .company-info{
                margin-top: 10px;
                font-size: 1.1em;
            }

            @media screen and (max-width: 319px) {
                .person-logo{
                    margin: 6px;
                    width: 75px;
                    height: 75px;
                    float: left;
                }
            }           
            
    </style>
	</head>
	<body>
    <div class="div_loding_img">
		数据加载中
	</div>
    
   <header class="aui-bar aui-bar-nav aui-bar-yunzo" id="aui-header">
		<a class="aui-btn aui-bar-yunzo aui-pull-left" id="back" onclick="back_go()"> <span class="aui-iconfont aui-icon-left"></span></a>
		<div class="aui-title" id="title">
			我的关注
		</div>
		<a class="aui-iconfont aui-icon-menu aui-pull-right"></a>
	</header>
    <div class="margin_div"></div>
    <div id="concernListDiv"  >
        <!--<div class="row" onclick="showPerson(this)">-->
            <!--<img src="../../image/my/picture.png" alt="logo" class="person-logo"/>-->
            <!--<div class="person-info">-->
                <!--<label class="title">张宇星</label><img class="new-img"/>-->
                <!--<p class="company-info">四川省商联友谊有限公司</p>-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <!--加载loading功能-->
    <div id="loadIng_startStop" style="width: 100%;height: 100%;position: absolute;z-index: 1000;display: none;">
        <img src="../../image/my/loading_more.gif" style="width: 20%;position: absolute;left: 50%;margin-left: -10%;top:50%;margin-top: -10%;">
    </div>
    </body>
	<script type="text/javascript" src="../../script/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
    <script>
        /*ty-2015-11-23*/
        /*返回上级页面*/
        $("#back").attr("href","mine.html");

        /*loading加载转圈*/
        sTart_Stop();

        /*获取我的关注列表*/
        //        var baseDatas = basedata('myinfo');
        var pagesize=5;
        var bodyParam={
            pagesize:pagesize,
            mid:$mid,
            groupid:$groupid,
            did:initdata.get('mycorne')
        };
        ajaxcocRequest("../../../api/getattentionforlist","POST",bodyParam,function(msg){
            console.log(msg);
            var str="";
            if(msg.code==100){
                if(msg.data.length==0){
                	$("#concernListDiv").html("<div style='width:20%;margin:40px 0 0 40%;'><img src='../../image/gantan.png' style='width:100%;'></div><p style='width:100%;text-align:center;margin-top:30px;color:#999;font-size:18px;'>暂时还没有关注信息！</p>")
                }else{
                    $("#concernList").attr("class","noMsg");
                    for(var j=0;j<msg.data.length;j++){
                        str +="<div class='row' onclick='showPerson(this)'>";
                        str +="<img src='"+msg.data[j].n1+"' alt='logo' class='person-logo'/>";
                        str +="<div class='person-info'>";
                        str +="<label class='title'>"+msg.data[j].n2+"</label><img id='"+msg.data[j].n0+"' class='new-img'/>";
                        str +="<p class='company-info'>"+msg.data[j].n0+"</p>";
                        str += "</div></div>";
                    }
                    $("#concernListDiv").html(str);
                }
            }
            else{
            	$("body").append('<div class="wuwang"><img src="../image/iconfont-wangluo.png"><p>网络拥堵，信息塞车</p></div>')
            }
        });

        /*d点击每行的函数*/
        function showPerson(obj){
            obj.style.backgroundColor="#BABABA";
        }
    </script>
</html>